<template>
    <fieldset>
        <legend>购物车</legend>
        <h1>购物车:cart</h1>
        <ul>
            <li v-for="item in cartData" :key="item.id">
                <b>
                    产品:{{ item.title }}
                </b>
                ----------
                <b>
                    价格:{{ item.price }}
                </b>
                ----------
                <b>
                    数量:{{ item.count }}
                </b>
                --------
                <button @click="delCart(item)">-</button>
            </li>
        </ul>
        <h1>
            总价：{{total}}
        </h1>
    </fieldset>
</template>
<script setup>
import {storeToRefs} from "pinia"
import {Usecart} from "../../store/cart"
import {Useproduct} from "../../store/product"
let productsStore = Useproduct()
let cartStore=Usecart()
let {cartData,total} = storeToRefs(cartStore)
console.log(cartData);
// 删除购物车
let delCart = (current) => {
cartStore.del_cart(current)
// 给商品中的库存增加
productsStore.productData.find(item=>{
    if(item.id===current.id){
        item.inventory++
    }
})
}

</script>
